@import './common.scss';

.zIndex99 {
	z-index: 99;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.sticky {
	position: sticky;
}

.flex {
	display: flex;
}

.space-between {
	justify-content: space-between;
}

.space-around {
	justify-content: space-around;
}

.justify-content_center {
	justify-content: center;
}

.flex-end {
	justify-content: flex-end;
}

.align-items_center {
	align-items: center;
}

.align-content_center {
	align-content: center;
}

.align-content_space-between {
	align-content: space-between;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.flex-center {
	@extend .flex;
	@extend .align-items_center;
	justify-content: center;
}

.shrink0 {
	flex-shrink: 0;
}

.wrap {
	flex-wrap: wrap;
}

.auto {
	margin: 0 auto;
}

.overflowAuto {
	overflow: auto;
}

.pointer {
	cursor: pointer;
	user-select: none;
}

.grab {
	cursor: grab;
	user-select: none;
}

.wh16 {
	$wh: 16px;
	width: $wh;
	height: $wh;
}

.wh18 {
	$wh: 18px;
	width: $wh;
	height: $wh;
}

.wh24 {
	$wh: 24px;
	width: $wh;
	height: $wh;
}

.inherit {
	width: inherit;
	height: inherit;
}

.omit {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
